<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第四首页的模块</title>
    <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
    <style>
        .part_imgText_cnt {
            display: flex;
            flex-wrap: wrap;
        }

        .part_imgText_text {
            flex: 0 0 50%;
            max-width: 50%;
        }

        .part_imgText_text p {
            margin: 20px 0;
            color: var(--c_text);
            font-size: var(--f_describe);
            line-height: var(--l_describe);
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

        .part_imgText_img {
            flex: 0 0 50%;
            max-width: 50%;
            display: flex;
            flex-direction: row-reverse;
        }

        .part_imgText_img img {
            width: 450px;
            height: 600px;
        }

        @media (max-width:991px) {
            .part_imgText_text {
                flex: 0 0 100%;
                max-width: 100%;
                padding-bottom: 20px;
            }

            .part_imgText_img {
                flex: 0 0 100%;
                max-width: 100%;
                justify-content: center;
            }

            .part_imgText_text p{
                margin-top: 0;
            }
        }

        @media (max-width:575px) {

            .part_imgText_img img {
                width: 100%;
                height: 445px;
            }
        }
    </style>
</head>

<body>
    <div class="part_imgText modular">
        <div class="public_width">
            <div class="part_imgText_cnt">
                <div class="part_imgText_text">
                    <div class="public_title">
                        <h2>MEDIA</h2>
                    </div>
                    <p>团队拥有资深的导演、策划、拍摄和制作团队，专注为客户创造和设计品牌传播价值，提供从影视广告拍摄制作、360全景视频制作、会议会务策划，全面提升客户品牌和产品的传播价值。品牌和产品的传播价值。成立至今,专业从事展览工作有超过多年的经验,提供全面的各种以展览服务给客户。无论商业空间和活动策划。
                    </p>
                    <p>The team has a senior director, planning, shooting and production team, focusing on creating and
                        designing brand communication value for customers, providing from film and television
                        advertising production, 360 panoramic video production, conference planning, </p>
                    <a class="button_small">MORE&gt;</a>
                </div>
                <div class="part_imgText_img">
                    <img src="../images/img_collection_1.webp" alt="">
                </div>
            </div>
        </div>
    </div>
</body>

</html>